%control {
  outline: none;
  border-radius: 20px;
  line-height: 40px;

  &-font {
    color: #fff;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
  }
}
#addresses-with-balances {
  line-height: 20px;
  &::-webkit-input-placeholder {
    color: #8e9ea9;
    opacity: 0.7;
  }
  
  &:-moz-placeholder { /* Firefox 18- */
    color: #8e9ea9;  
    opacity: 0.7;
  }
  
  &::-moz-placeholder {  /* Firefox 19+ */
    color: #8e9ea9;  
    opacity: 0.7;
  }
  
  &:-ms-input-placeholder {
    color: #8e9ea9;  
    opacity: 0.7;
  }
}
.form {
  span.error {
    margin-left: 10px;
    color: #fd7491;
  }
  &_header {
    @extend %flex-between;
    align-items: center;
  }

  &-inline {
    @extend %flex-between;
    align-items: flex-start;

    &-i {
      &_token-address {
        width: 80%;
      }

      &_token-decimals {
        width: 15%;
      }

      &_balance {
        width: 40%;
      }
    }
  }
}


.input,
.select,
.textarea {
  @extend %control;
  @extend %control-font;
  width: 100%;
  margin-bottom: 20px;
  transition: 0.3s box-shadow;
  box-sizing: border-box;
  border: 1px solid #95d5ff;
  background-color: fade-out(#fff, 0.9);

  &:focus {
    box-shadow: 0px 10px 20px 0 fade-out(#10b3ff, 0.7);
  }
}

.input,
.select {
  height: 40px;
}

.input {
  padding: 0 20px;
}

.select {
  padding: 0 38px 0 20px;
  appearance: none;
  background-image: url();
  background-repeat: no-repeat;
  background-size: 8px 4px;
  background-position: center right 20px;

  .form_header & {
    max-width: 160px;
    margin-bottom: 0;
  }
}

.textarea {
  resize: none;
  height: 186px;
  padding: 10px 20px;
}

.label {
  @extend %control-font;
  display: block;
  margin-bottom: 20px;

  .form_header & {
    margin-right: 15px;
    margin-bottom: 0;
  }
}

.button {
  @extend %control;
  @extend %control-font;
  cursor: pointer;
  display: inline-block;
  transition: 0.3s box-shadow;
  border: 0;
  padding: 0 20px;
  background-color: #10b3ff;
  background-repeat: no-repeat;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  &:disabled { 
    -moz-box-shadow:    inset 0 0 10px fade-out(#0b4865, 0.7);
    -webkit-box-shadow: inset 0 0 10px fade-out(#0b4865, 0.7);
    box-shadow:         inset 0 0 10px fade-out(#0b4865, 0.7);
    opacity: 0.88;
  }
  &:disabled:hover {
    box-shadow:         inset 0 0 10px fade-out(#0b4865, 0.7);
  }
  &:hover {
    box-shadow: 0px 10px 20px 0 fade-out(#10b3ff, 0.7);
  }

  &_next {
    margin-top: 20px;
    padding-right: 45px;
    background-image: url();
    background-size: 15px 10px;
    background-position: center right 20px;
  }

  &_add {
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    border-radius: 50%;
    background-image: url();
    background-size: 18px 18px;
    background-position: center center;
  }
}
// .Select-option,.Select-control, .Select.Select--single.has-value.is-focused.is-clearable > .Select-control, .Select--single > .Select-value  {
//   background-color: #213443;
//   color: #fff;
//   border: 1px solid #95d5ff;
//   // border: 1px solid #95d5ff;
// }
// .Select-placeholder, .Select--single > .Select-control .Select-value {
//   color: #fff;
// }
// .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
//   color: #fff;
// }

#token-address {
  color: #fff;
}